动态版式设计9法!让你一稿过的动态海报技巧系列教程

您所在的位置:网站首页 四方连续图案 简单 手绘 动态版式设计9法!让你一稿过的动态海报技巧系列教程

动态版式设计9法!让你一稿过的动态海报技巧系列教程

2023-08-12 19:12| 来源: 网络整理| 查看: 265

章节目录 教程概述 评论 img

Cool!当下最火的750个国内外知名设计站点,设计师每天都在看,还有AI工具每周更新。 访问戳>>>

动态版式设计9法!让你一稿过的动态海报技巧系列教程 Lesson 1 动态版式九法!NO.01 剔除法则,设计中的消失术 查看详情 Lesson 2 动态版式九法!NO.02 轮播法则,动态海报想要吸引人就用它! 查看详情 Lesson 3 动态版式九法!NO.03 信息转场,帮你呈现更多内容 | 设计思路教程 查看详情 Lesson 4 动态版式九法!NO.04 变形法则,万物变变变 | 设计思路教程 查看详情 Lesson 5 动态版式九法!NO.05 虚实法则,塑造高级神秘感 | 设计思路教程 查看详情 Lesson 6 动态版式九法!NO.06 引导法则!吸引用户视线的利器 查看详情 Lesson 7 动态版式九法!NO.07 登场法则,让作品成为版面的焦点 查看详情 Lesson 8 动态版式九法!NO.08 刷新法则,反复出现让人记住! 查看详情 Lesson 9 动态版式九法!NO.09 氛围法则,反复出现让人记住 查看详情 一、知识树介绍

觉得自己的静态作品还是有些单调平淡,缺乏动感和魅力?想要设计一些动态的海报或者banner,但是不知道怎么开始?

动态版式设计 9 法来了!九个动态法则,九集精彩教程,每一集都会教你一个极具实用性的动态版式设计思路和技巧,让你在设计动态海报和动态 banner 时更加得心应手。这些法则不仅适用于各种风格和主题,而且也可以灵活组合使用,创造出无限可能。

Sorry, your browser doesn't support embedded videos.

毛蛋老师用简单易懂的语言和步骤来讲解每个法则,并且附上清晰的思路演示和案例分析。无论你是初学者还是进阶者,都可以轻松跟上节奏。

二、什么是动态版式

动态版式就是指在静态的平面设计中加入一些运动或者变化的元素,让画面更有节奏和气氛。其原理是利用人眼对运动和变化的敏感性,来吸引观众的注意力和兴趣,并且通过运用不同的时间、空间、速度、方向、形状等条件,来创造出不同的视觉效果和情感体验。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

动态版式设计的目的是为了增强平面设计的表现力和传播力。通过动态版式的运用,可以让你的作品更具有生命力,并且传达出更多的信息。

例如根据品牌或产品的定位和目标人群,选择合适的色彩、字体、图形等元素,通过动态效果来强调它们的特征,通过快速或缓慢、平滑或跳跃、简单或复杂等效果,来表达品牌或产品的速度、流畅度、质量等属性。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

目前动态版式设计的范围已经逐渐广泛,包括了各种类型和形式的动态海报、动态banner、动态logo、动态图标等等。无论是在网页、社交媒体、广告牌还是电子屏幕上,都可以看到动态版式设计的应用。

三、知识树大纲 NO.01 剔除

本集主题 — 「 剔除 」,版式动态设计中,将部分视觉元素实用消失相关的效果处理。它适合一些关于“失去”、“消失”删减“等关键词的主题或画面。剔除的设计思路:

利用物理规则,合理化动画的表现。 有方向性的剔除,具有视觉引导。 符合动画形式预期的剔除效果更自然。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.02 轮播

本集主题 —「 轮播 」,把内容进行轮流循环播放。运用轮播动效,能在有限的版面中呈现更多的内容,也能带来更高的关注度。轮播的设计思路:

往复循环的能够增强信息的吸引力。 有规律的迭代轮播可增加版面利用率。 可利用动态优势以另一维度进行轮播。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.03 转场

本集主题 —「 转场 」,信息转场类似于上集中所讲的轮播的一种延伸,通过大量的内容切换,来达到信息的表达。转场的设计要点:

将画面内容进/退场以切换其他内容。 常见变换与遮罩可做出多种 MG 转场。 转场转折点定于画面内容会更自然。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.04 变形

本集主题 —「 变形」,利用缩放或者是扭曲等效果,让版面的元素或文本进行扭曲,产生出别样的视觉感受,让人专注其中。变形的设计要点:

在画面太平缺乏关注点时可使用变形。 变形可提升重点信息的阅读优先级。 适当变形可以增加画面版面灵活度。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.05 虚实

本集主题 —「 虚实」,做动效海报或banner ,用上虚实技法,可以在扁平的画面中营造空间感。如果对主视觉增加虚实变化,可以作品整体增加一丝神秘感。虚实的设计要点:

虚实不同清晰度可改变视线聚焦点。 动态中的虚实变化效果比较契合主题神秘朦胧的内容。 叙事效果的使用需要确保重要信息的可读性。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.06 引导

本集主题 —「 引导」,利用箭头、色块、手势等元素,引导用户视线的移动,来让整个版面的信息闭读能够更加完整,让重点信息更容易受到关注。引导的设计要点:

具备指向性的元素可以有效地进行视线引导。 明确的运动方向也能起到引导作用。 制作引导时,初期的静态版面层级主次也应当划分清晰。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.07 登场

本集主题 —「 登场」,把重要的主视觉或者是主标题,通过不同的进场方式呈现在用户眼中,让“后来居上”的内容们,更容易成为版面中的焦点。登场的设计要点:

根据登场的内容去思考该呈现的合适方式,比酷炫手法更重要。 具备特点的视觉元素登场时,可以围绕特点进行展示(如线性或块面)。 结合主题内容制作合适的登场动效会更具有趣味性与观赏性。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.08 刷新

本集主题 —「 刷新」,通过不同形式,让同样的文本反复的出现。类似于刷新的感觉,实则可以不断强调这个正在不断运动的内容。 刷新的设计要点:

刷新主要通过重复呈现的方式来达到强调信息的作用。 重复的表现手法切忌使用生硬的切换形式,避免出现明显的“卡顿”现象。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

NO.09 氛围

本集主题 —「 氛围」,利用光效、背景以及渐变等元素的动态表现,让画面中呈现一定的氛围感,以此增强整个版面的视觉效果。氛围的设计要点:

可以利用背景的色彩或造型变换的动态表现,去塑造整体的氛围感。 由主视觉或点缀元素进行的合乎主题的动画表现,也是增强氛围的方式。

动态版式设计9法!让你一稿过的动态海报技巧系列教程

四、结语

这九个动态版式法则来自于讲师多年的经验和积累,通用且易用。准备好让自己的设计动起来,走在时代前沿,打破静态平面设计的局限,创造出一场场新的视觉盛宴?是时候让自己的设计升级一个维度了~

还想和毛蛋老师系统学习动态版式设计?戳下方链接立即报名:

第 28 期优设平面版式训练营 正式开始招生 – 05月16日开课

【第 28 期优设平面版式训练营】05月16日开课! 字体排版配色文案一站学习 从零基础到专业的进阶之路 课程价格 ¥1899 报名咨询请扫码添加 咨询师-大胖 微信:uisdc5 课程报名链接:优设平面版式训练营 28 期 课程重点(1):掌握基础理论应用能力      课程重点(2):增强视觉表现能力   学员作业合集   学员课后评价 课程设置、价格与报名方式 课程服务及讲师介绍   【第 28 期优设平面版式训练营】05月16日开课! 字体排版配色文案...

阅读文章 >>

更多知识树推荐...

Futur学院!新手必学的设计基本功科普教学

知识树介绍 在 Futur 学院这个系列中,The Futur 的首席内容官 Matthew Encina 和 创意总监 Greg Gunn 将带领团队里的小伙伴们,将枯燥的理论知识,通过教程、演示等形式分享给大家,致力于帮助新手设计师们磨练技能,从而提升在市场中的价值。这个系列包括字体设计、网页设计、LOGO设计等等,涵盖设计行业的方方面面,对于新手小白来说,简介好懂,非常实用。 视频作者介绍 The Futur 由知名设计顾问、艾美奖获奖设计师、艺术中心设计学院教授 Chris Do 创建的服...

阅读文章 >>

设计方法论!即学即用的设计技巧合集

知识树介绍 在工作中,效率往往也意味着一切,因此,在这个系列中,拥有多年工作经验的 Philip VanDusen 和致力于帮助设计师成长的 The Futur 分享了许多简单实用的小技巧,包括如何走出灵感枯竭期、如何提升作品表现力、如何增强自信心等等,从而帮助设计师极大地提高效率,更高效完成工作。 视频作者介绍 Philip VanDusen Verhaal 品牌设计总监兼首席运营官,曾任可口可乐、Old Navy 的设计副总裁,以及全球品牌代理公司 Landor Associates 和 An...

阅读文章 >>

PS海报实战系列!肥子带你通关创意视觉海报设计(持续更新……)

由肥子老师带来的本系列知识树,手把手教你做出极富创意,视觉效果超强的创意海报。

阅读文章 >> 18赞 收藏 116

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接 分享: 取消 继续阅读与本文标签相同的文章: 动态banner动态海报动态版式动态设计平面设计 img


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3